$defaultSize: 80px;
$largeSize: 100px;

.ant-empty.dtc-empty {
    .ant-empty-image {
        display: flex;
        justify-content: center;
        width: $defaultSize;
        height: $defaultSize;
        font-size: $defaultSize;
        margin: 0 auto 8px;
    }
    .ant-empty-description {
        color: #8B8FA8;
        line-height: 20px;
        font-size: 14px;
        font-family: PingFangSC-Regular, "PingFang SC";
        font-weight: 400;
    }
    &__active {
        .ant-empty-image {
            position: relative;
        }
    }
    .dtc-empty__search {
        line-height: 0;
        font-size: 100%;
    }
    .dtc-empty__loupe {
        line-height: 0;
        position: absolute;
        font-size: 38px;
        right: 10px;
        bottom: 2px;
        animation:
            animY 1s cubic-bezier(0.36, 0, 0.64, 1) 0.5s infinite alternate,
            animX 1s cubic-bezier(0.36, 0, 0.64, 1) -0s infinite alternate;
    }
    &__large {
        .ant-empty-image {
            width: $largeSize;
            height: $largeSize;
            font-size: $largeSize;
        }
        .dtc-empty__loupe {
            font-size: 48px;
        }
    }
}

@keyframes animX {
    0% {
        right: 10px;
    }
    100% {
        right: 25px;
    }
}

@keyframes animY {
    0% {
        bottom: 2px;
    }
    100% {
        bottom: 17px;
    }
}
